<!--
*@description 首页顶部待办
*@fileName com-task.vue
*@author wxl
*@date 2025/02/25 14:05:31
!-->
<template>
   <div class="com-card flex1 index-task margin-top">
      <div class="aicjcsb">
        <div class="card-title">待办</div>
        <!-- <div class="text-gray fs13">
         <span>更多</span>
         <span>></span>
        </div> -->
      </div>
      <div class="task-list">
         <div v-for="(item,index) in taskList" :key="index" class="item aicjcsb">
            <img class="icon margin-right" src="@/assets/chufang.png" alt="">
            <div class="flex1">
               <div class="title">{{ item.fixmedins_name }}发起的处方申请</div>
               <div class="fs13 text-grey margin-top-xs">[处方申请单]</div>
            </div>
            <el-button type="primary" @click="toPrescribe">去开方</el-button>
         </div>
      </div>
   </div>
</template>
<script setup>
import { ref, reactive, onMounted, watch } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()
const props = defineProps({
   taskList:{
      type:Array,
      default:[]
   }
})

function toPrescribe(){
  router.push('/store-wait-consultation')
}  
</script>
<style lang="scss" scoped>
.index-task{
   height: 100%;
   overflow: hidden;
   .task-list{
      margin-top: 15px;
      .item{
         margin-bottom: 15px;
         .title{
            font-weight: 800;
         }
         .cont{
            color: #9399A3;
            margin-top: 8px;
            max-height: 36px;
         }
         .icon{
            width: 44px;
            height: 48px;
         }
      }
   }
}
</style>
